<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="http://www.francescomalagrino.com/BootstrapPageGenerator/3/css/bootstrap-combined.min.css" rel="stylesheet" media="screen">

	<style>
		/*去掉横向滚动条*/
		.body {
			overflow-x: hidden;
		}
		.table {
			width: 98%;
		}
		.tabbable {
			width: 98%;
		}
		/*去掉按钮点击时的出现的黑色边框*/
		.btn:hover,
		.btn:focus {
			outline: none;
		}
	</style>

</head>
<body class="body" onload="showtime()">
<div id="LG" class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<div class="tabbable" id="tabs-918485">
				<ul class="nav nav-tabs">
					<li class="active">
						<a href="#home" data-toggle="tab">首页</a>
					</li>
					<li>
						<a href="#house-release" data-toggle="tab">发布出租房源</a>
					</li>
					<li>
						<a href="#my-house" data-toggle="tab" id="nav-my-house">我的房源</a>
					</li>
					<li>
						<a href="#rent-out-message" data-toggle="tab" id="nav-rent-out-message">出租信息</a>
					</li>
					<li>
						<a href="#release-order" data-toggle="tab" id="nav-my-order">我的出租订单</a>
					</li>
					<li>
						<a href="#evaluate" data-toggle="tab" id="nav-my-evaluation">收到评价</a>
					</li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane active" id="home">
						<h1 style="text-align: center; color: #2b542c">
							<div style="padding-bottom: 150px"></div>
							<p>Welcome to</p>
							<p>Landlord System Home!</p>
							<form name="clock" onsubmit="0">
								<input type="text" name="show" size="10"
									   style=" border-width: 3px; width: 270px; height: 40px;
								text-align:center;vertical-align:middle;padding:10px 20px; font-size: larger;
								background-color: #66512c; color: white; border-color: #66512c"
									   disabled>

							</form>
						</h1>
					</div>
					<div class="tab-pane" id="house-release">
						<form enctype="multipart/form-data">
							<table class="table table-bordered table-hover">
							<thead>
							<tr>
								<th colspan="4" style="color: #a94442">
									发布出租房源
								</th>
							</tr>
							</thead>
							<tbody>
							<tr>
								<td>
									<label for="title">标题</label>
								</td>
								<td colspan="3">
									<input class="form-control" id="title" type="text" placeholder="Title" name="house_name" />
								</td>
							</tr>
							<tr>
								<td>
									租用方式
								</td>
								<td>
									<select class="form-control" name="house_rental_type">
										<option value="0">短租</option>
										<option value="1">长租</option>
									</select>
								</td>
								<td>
									房源房型
								</td>
								<td>
									<select class="form-control" name="house_type">
										<option value="一室两厅">一室两厅</option>
										<option value="两室一厅">两室一厅</option>
										<option value="两室一厅">三室一厅</option>
										<option value="两室一厅">四室一厅</option>
									</select>
								</td>
							</tr>
							<tr>
								<td>
									房源区域
								</td>
								<td>
									<select class="form-control" name="house_region">
										<option value="端州区">端州区</option>
										<option value="鼎湖区">鼎湖区</option>
										<option value="高要区">高要区</option>
										<option value="四会市">四会市</option>
										<option value="广宁县">广宁县</option>
										<option value="怀集县">怀集县</option>
										<option value="封开县">封开县</option>
										<option value="德庆县">德庆县</option>
									</select>
								</td>
								<td>
									房源价位
								</td>
								<td>
									<select class="form-control" name="house_price">
										<option value="0-50">50以下</option>
										<option value="50-100">50-100</option>
										<option value="100-300">100-300</option>
										<option value="300-500">300-500</option>
										<option value="500-800">500-800</option>
										<option value="800-1500">800-1500</option>
										<option value="1500-10000">1500以上</option>
									</select>
								</td>
							</tr>
							<tr>
								<td>
									<label for="area">房源面积</label>
								</td>
								<td>
									<input class="form-control" id="area" type="text" placeholder="Area" name="house_area"/>平方米
								</td>

								<td>
									<label for="price">房源价格</label>
								</td>
								<td>
									<input class="form-control" id="price" type="text" placeholder="Price" name="house_rent" />元/天
								</td>

							</tr>
							<tr>
								<td>
									房源图片
								</td>
								<td colspan="3" class="house-img-td">
									<input id="houseFile" type="file" name="house_image" style="display:none" onchange="setBlogrollImageName(this)" />
									<a class="btn btn-info btn-select-file" type="button" href="javascript:void(0);">Select Image</a>
								</td>
							</tr>
							<tr>
								<td style="vertical-align:middle;">
									<label for="remark">备注说明</label>
								</td>
								<td colspan="3">
							<textarea cols="200" rows="8" id="remark" placeholder="请填写您的备注信息" name="house_introduction" style="margin: 0px;  width: 600px;"></textarea>
								</td>
							</tr>
							<tr>
								<td>
								</td>
								<td colspan="3">
									<a class="btn btn-success" id="release-btn" href="javascript:void(0);">发布</a>
								</td>
							</tr>
							</tbody>
						</table>
						</form>
					</div>
					<div class="tab-pane" id="my-house">
						<table class="table table-bordered table-hover table-my-house">
							<thead>
							<tr>
								<th colspan="7" style="color: #a94442">
									我的房源
								</th>
							</tr>
							<tr>
								<th>标题</th>
								<th>出租方式</th>
								<th>房源区域</th>
								<th>租金</th>
								<th>出租状态</th>
								<th>备注说明</th>
								<th>操作</th>
							</tr>
							</thead>
							<tbody>

							</tbody>
						</table>


					</div>
					<div class="tab-pane" id="release-order">
						<table class="table table-bordered table-hover table-my-order">
							<thead>
							<tr>
								<th colspan="7" style="color: #a94442">
									我的出租订单
								</th>
							</tr>
							<tr>
								<th>房源名</th>
								<th>租客姓名</th>
								<th>入住时间</th>
								<th>离开时间</th>
								<th>订单下单时间</th>
								<th>订单价格</th>
								<th>操作</th>
							</tr>
							</thead>
							<tbody>

							</tbody>
						</table>
					</div>
					<div class="tab-pane" id="evaluate">
						<table class="table table-bordered table-hover table-my-evaluation">
							<thead>
							<tr>
								<th colspan="7" style="color: #a94442">
									收到的评价
								</th>
							</tr>
							<tr>
								<th>房源名</th>
								<th>租客姓名</th>
								<th>评价时间</th>
								<th>评价房东指数</th>
								<th>评价房源指数</th>
								<th>评价内容</th>
								<th>操作</th>
							</tr>
							</thead>
							<tbody>

							</tbody>
						</table>
					</div>
					<div class="tab-pane" id="rent-out-message">
						<table class="table table-bordered table-hover table-rent-out-message">
							<thead>
							<tr>
								<th colspan="7" style="color: #a94442">
									出租信息
								</th>
							</tr>
							<tr>
								<th>房源名</th>
								<th>租客姓名</th>
								<th>入住时间</th>
								<th>离开时间</th>
								<th>订单下单时间</th>
								<th>订单价格</th>
								<th>操作</th>
							</tr>
							</thead>
							<tbody>

							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" src="http://www.francescomalagrino.com/BootstrapPageGenerator/3/js/jquery-2.0.0.min.js"></script>
<script type="text/javascript" src="http://www.francescomalagrino.com/BootstrapPageGenerator/3/js/jquery-ui"></script>
<script type="text/javascript" src="http://www.francescomalagrino.com/BootstrapPageGenerator/3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/house-release.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript">
	function showtime(){//创建函数
		var now_time = new Date();//创建时间对象的实例
		var hours = now_time.getHours();//获得当前小时数
		var minutes = now_time.getMinutes();//获得当前分钟数
		var seconds = now_time.getSeconds();//获得当前秒数
		var timer = ""+ ((hours>12)?hours -12:hours);//将小时数值赋予变量timer
		timer+=((minutes<10)?":0":":")+minutes;//将分钟数赋予变量timer
		timer+=((seconds<10)?":0":":")+seconds;//将秒数赋予timer
		timer+=""+((hours>12)?" PM":" AM");//将字符AM或PM赋予变量timer
		document.clock.show.value=timer;//在名为clock的表单中输出变量timer的值
		setTimeout("showtime()",1000);//设置每隔一秒钟自动调用一次showtime（）函数
	}
</script>
</body>
</html>